@charset"utf-8";

      $fontsize:40;

@function r($px){
    @return $px/$fontsize*1rem 
}

* {
  margin: 0;
  padding: 0;
  list-style: none; }

html, body {
  height: 100%;
  width: 100%; }

.web {
  width: 100%;
  height: 100%;
  position: relative;
  background: #f7f7f7; }

header {

  width: 100%;
  height: 2.2rem;
  position: absolute;
  top: 0; }

footer {
  width: 100%;
  height: r(100);
  background: white;
  position: absolute;
  bottom: 0; }

section {
  width: 100%;
  background: #f7f7f7;
  top: 2.2rem;

  position: absolute;
  overflow-y: scroll; }

/**/
.whole {
  width: 93.65%;
  height: r(88);
  margin: 0 auto;
  margin-top: 0.35rem; 
  font-size: r(20);
  }
  .whole .img1 {
    float: left;
    display: block;
    width: r(22);
    height:r(37);
    line-height: r(88);
     }
 img {
      width: 100%;
      height: 100%; }

.search {
//  width: r(118);

    color: #999999;
   line-height: 1.5rem;
   font-size: r(26)
    }


.choice {
width: 100%;
height: 2rem;
background: white;
margin-top: 0.325rem;
border-top: 0.025rem solid #e3e3e3;
border-bottom: 0.025rem solid #e3e3e3; }

.whole2{
     width: 60%;
    margin: 0 auto;
    color: #666666;
    text-align: center;
     line-height: 1.5rem;
     font-size:r(33);
}

.attestation{
    width: 100%;
    height: r(65);
    padding-left: r(20);
    line-height: r(65);
    font-size: r(23);
    border-top:r(1) solid #c1c1c1 ;
    border-bottom:r(1) solid #c1c1c1 ;
}
.ID{
    width: 100%;
    height: r(90);
    padding-left: r(25);
    padding-right: r(20);
    background: white;
    border-top:r(1) solid #c1c1c1 ;
    border-bottom:r(1) solid #c1c1c1 ;
    font-size: r(25);
    line-height: r(90);
    color: #696969;
    .attestation_one{
        width: r(15);
        height: r(25);
        margin-left: r(13);
        text-align: right;
        display: inline-block;
        margin-top: r(3);
        img{
            
            width: 100%;
            height: 100%;
        }

    }
}

.name{
    width: 100%;
    height: r(90);
    padding-left: r(25);
    padding-right: r(20);
    background: white;
    margin-top: r(30);
    border-top:r(1) solid #c1c1c1 ;
    border-bottom:r(1) solid #c1c1c1 ;
    font-size: r(25);
    line-height: r(90);
    color: #696969;
    input{
        width: r(452);
        height: r(80);
        color: #cccccc;
        font-size: r(25);
        border: 0;
        
    }
}
.name1{
    width: 100%;
    height: r(90);
    padding-left: r(25);
    padding-right: r(20);
    background: white;
//  margin-top: r(30);
    border-top:r(1) solid #FFFFFF ;
    border-bottom:r(1) solid #c1c1c1 ;
    font-size: r(25);
    line-height: r(90);
    color: #696969;
    input{
        width: r(452);
        height: r(80);
        color: #cccccc;
        font-size: r(25);
        border: 0;
        
    }
}
.name2{
    width: 100%;
    height: r(90);
    padding-left: r(25);
    padding-right: r(20);
    background: white;
    margin-top: r(30);
    border-bottom:r(1) solid #c1c1c1 ;
    font-size: r(25);
    line-height: r(90);
    color: #696969;
    .ma{
        margin-left: r(60);
            input{
            width: r(320);
            height: r(84);
            color: #cccccc;
            font-size: r(25);
            border: 0;       
                 }
        }
        .ma_one{
            color: #113cc6;
            
        }
   
}
a{
    color: white;
}
.payment{
    width: r(560);
    height: r(80);
    background: #cc3333;
    margin: 0 auto;
    font-size: r(32);
    margin-top: r(60);
    line-height: r(80);
    text-align: center;
margin-bottom:r(20) ;
}
.After_payment{
    font-size: r(17);
   text-align: center;
 color: #999999;
    margin: 0 auto;
}
